@()(implicit request: RequestHeader)
	@main("组装预测")("assemblePredict") {

		<div class="page-content">

			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa "></i>
						<a href="">组装预测（SPAdes组装和GeneMark基因预测）</a>
					</li>
				</ul>
			</div>


			<div class="row-fluid">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-madison box">
							<div class="portlet-title">
								<div class="caption">
									组装预测（SPAdes组装和GeneMark基因预测）
								</div>
							</div>

							<div class="portlet-body">

								<form class="registration-form form-horizontal" id="form"
								accept-charset="UTF-8" method="post">

									<div class="form-group">
										<label class="control-label col-sm-2">任务名:</label>
										<div class="col-sm-3">
											<input class="form-control" name="missionName" onfocus="inputSelect(this)">
											<span class="help-block"><a href="@routes.ToolController.downloadExampleFile()?fileName=assemble_example.zip"><em id="egQuery">
												example file</em></a></span>
										</div>

									</div>

									<div class="form-group">
										<label class="control-label col-sm-2">fastq1 file:</label>
										<div class="col-sm-8">
											<input id="input-1" type="file" class="file control-label" name="fq1File" data-show-preview="false"
											data-show-upload="false" accept=".gz">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-sm-2">fastq2 file:</label>
										<div class="col-sm-8">
											<input id="input-1" type="file" class="file control-label" name="fq2File" data-show-preview="false"
											data-show-upload="false" accept=".gz">
										</div>
									</div>

									<div class="form-group" style="display: none">
										<label class="control-label col-sm-2">Prokaryote DNA shape:</label>
										<div class="col-sm-3">
											<select class="form-control" name="shape">
												<option value="circular">circular</option>
												<option value="linear" >linear</option>
												<option value="partial" selected>partial</option>
											</select>
										</div>
									</div>

									<div class="form-group">
										<div class="actions col-sm-offset-2 col-sm-2">
											<button type="button" class="btn btn-primary" style="width: 90%;" id="search" onclick="AssemblePredict.myRun">
												运行</button>
										</div>

										<div class="actions  col-sm-2">
											<button type="reset" class="btn btn-primary" style="width: 90%;">
												重置</button>
										</div>
									</div>

								</form>

							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row-fluid">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-madison box">
							<div class="portlet-title">
								<div class="caption">
									分析结果
								</div>
							</div>

							<div class="portlet-body">

								<div class="table-responsive">

									<table class="display table table-bordered" id="missionTable" data-pagination="true" data-search="true"
									data-toolbar="#toolbar" data-page-list="[5, 10, all]" data-page-size="5" data-multiple-search="true">
										<thead>
											<tr>
												<th data-field="missionName" data-sortable="true">任务名</th>
												<th data-field="args" data-sortable="true" data-formatter="genome.argsFmt">
													参数</th>
												<th data-field="state" data-sortable="true"
												data-formatter="Genome.stateFmt"
												>状态</th>
												<th data-field="startTime" data-sortable="true">开始时间</th>
												<th data-field="endTime" data-sortable="true">结束时间</th>
												<th data-field="operate" data-formatter="Assemble.operateFmt">操作</th>
											</tr>
										</thead>
									</table>
								</div>

							</div>
						</div>
					</div>
				</div>

			</div>

			<div class="row-fluid" id="result" style="display: none">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-madison box">
							<div class="portlet-title">
								<div class="caption" id="missionResult">
									PFAM注释结果展示(<span id="missionName"></span>)
								</div>
							</div>

							<div class="portlet-body">

								<div id="resultContent">

									<label>显示的列:</label>
									<div id="checkbox" class="checkbox">

									</div>

									<div class="table-responsive" id="tableContent">
										<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
										data-toolbar="#toolbar" data-page-list="[5, 10, all]" data-page-size="5" data-multiple-search="true"
										data-show-export="true" data-export-types="['excel','txt']" data-export-data-type="all"
										>

										</table>

									</div>

								</div>

							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<script>

				Tool.fileInput

				var kind = "assemblePredict"
				$(function () {
					AssemblePredict.init
				})

		</script>


	}